// 使用随机数设置随机背景图片
(function setBackGround() {
    // 获取展示背景图片的元素
    let target = document.querySelector('.root');
    if (!target) {
        setTimeout(setBackGround, 100);
        return;
    }
    // 背景对应的随机数
    let bg = parseInt((Math.random() * 4) + 1);
    // 获取背景图片URL
    bg = `/images/bg${bg}.webp`;
    // 应用背景图片
    target.style.backgroundImage = `url(${bg})`;
})();

// 设置登录按钮
(function setLoginBtn() {
    let target = document.querySelector('.login-btn');        // 登录按钮
    let username_box = document.querySelector('.username');   // 用户名输入框
    let password_box = document.querySelector('.password');   // 密码输入框
    if (!target || !username_box || !password_box) {
        setTimeout(setLoginBtn, 100);
        return;
    }
    // 设置监听按钮
    target.addEventListener('click', function (e) {
        let data = {
            username: username_box.value,
            password: password_box.value
        }
        const xhr = new XMLHttpRequest();
        xhr.onload = function () {
            if (xhr.status == 200) {
                let res_data = JSON.parse(xhr.responseText);
                console.log(res_data);
                if (res_data.login_status) {
                    res_data.jwt && localStorage.setItem('jwt', res_data.jwt);
                    res_data.jwt && localStorage.setItem('username', res_data.username);
                    res_data.jwt && localStorage.setItem('uid', res_data.uid);
                }
                if (res_data.msg == '登录成功') {
                    jmp_page("/work.html");
                }
            }
        };
        xhr.open('POST', '/users/login', true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.send(JSON.stringify(data));
    });
})();

// 检查是否含有jwt令牌，有的话直接跳转
(function () {
    if (localStorage.getItem('jwt')) {
        jmp_page("/work.html");
    }
})();

